/* EPGP page styles */
/* import jQuery UI stylesheet for sliders */
@import url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-darkness/jquery-ui.css);

/* Overall page */
body { background: #000; color: #eee; }
a:link { color: #fc0; }
a:hover { color: #fff; }
a:visited,a:active { color: #f80; }

/* Info above table */
.header { text-align: center; color: #999; }
.header span { color: #fff; }

/* Sliders */
.sliders {
 float: right;
 width: 200px;
 height: 100px;
 margin-right: 50px;
 font-size: 80%;
 font-weight: bold;
}

/* Table position and size */
table.epgp, table.loot { margin: 0 auto; clear: both; }

/* Table borders */
table.epgp, table.loot, table.epgp td, table.loot td, table.epgp th, table.loot th { border: 0; border-collapse: collapse; }
table.epgp tr.header, table.loot tr.header { border: #444 solid; border-width: 0 0 1px 0; }

/* Default table column */
table.epgp th, table.loot th, table.epgp td.gp { width: 100px; }

/* Last Item width and loot history icon size */
table.epgp th.lastitem { width: 250px; }
table.epgp td.lastitem { padding-left: 10px; }
table.epgp td.lastitem img {
 height: 12px;
 width: 12px;
 vertical-align: middle;
 margin-right: 5px;
}

/* All table cells, th.member in loot table */
table.epgp td, table.loot td, th.member { padding: 1px 5px; text-align: left; }

/* total karma column */
table.epgp td.ep, table.epgp td.gp, table.epgp td.pr { text-align: center; }

/* change in points color */
.diff { font-size: 80%; }
.negative { color: #ff0000; }
.positive { color: #008800; }

/* class colors */
.deathknight { color: #c41f3b; }
.druid { color: #ff7d0a; }
.hunter { color: #abd473; }
.mage { color: #69ccf0; }
.paladin { color: #f58cba; }
.priest { color: #fff; }
.rogue { color: #fff569; }
.shaman { color: #2459ff; }
.warlock { color: #9482c9; }
.warrior { color: #c79c6e; }
.unknown { color: #999; }

/* Tooltip style & columns */
.tooltip, .preview, .screenshot { cursor:pointer; }
#tooltip, #tooltip2, #preview, #screenshot {
 color:#eee;
 background:#000;
 border: 1px solid #333333;
 padding:5px;
 display:none;
 opacity: 0.9;
 filter: alpha(opacity=90);
 text-align:left;
 border-radius: 1em;
 -moz-border-radius: 1em;
 -webkit-border-radius: 1em;
}

#tooltip .title { font-size: 20px; font-weight: bold; text-align: center; }
#tooltip .date, .date { width: 140px; text-align: left; }
#tooltip .item, .item { width: 250px; text-align: left; }
#tooltip .gp, .gp { width: 50px; text-align: center; }

/* Sorting header */
th.header {
 background: #222 url(../images/sort-white.gif) left center no-repeat;
 color: #fff;
 cursor: pointer;
 font-weight: bold;
 text-align:center;
 padding-left: 10px;
 border-right: 1px solid #000;
}
th.headerSortUp { background: #400 url(../images/asc-white.gif) left center no-repeat; }
th.headerSortDown { background: #804000 url(../images/desc-white.gif) left center no-repeat; }

/* Loot table */
#epgploot .date { width: 120px; }
#epgploot .item { width: 275px; }
#epgploot .gp { width: 30px; }
